<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="css/css.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/newcss.css">
    <link rel="stylesheet" href="css/newstyle.css">
    <!-- <script src="http://apps.bdimg.com/libs/jquery/1.10.1/jquery.min.js"></script> -->
    <script type="text/javascript">
        !window.jQuery && document.write('<script src="js/jquery.min.js"><\/script>');
    </script>
    <script src="js/vue.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="js/public.js"></script>
    <title>到店时间</title>
</head>

<body>
<div class="wrapper">
<!-- <div class="header">
    <ul>
        <li class="header_title_wrapper">更多技师</li>
        <li class="clear"></li>
    </ul> 
</div> -->
<div class="main mg_t0">
    <div class="session moreworkervue">
    <div class="rows flexrows info_list moreworker" v-for="(inf,index) in info">
        <div class="cols4" style="min-width:115px">
            <div class="info_head" :class="{'bgimg_hsize':inf.imgsize}" :style="{'background-image':'url('+inf.user_img+')'}">
                <!-- <img :src="inf.user_img" width="100%" alt="">                -->
            </div>
        </div>
        <div class="cols8 workercnt">
            <p class="info_tit">{{inf.user_name}} <span v-for="ins in inf.integral_star" class="starelm"></span></p>
            <p class="info_tips bg_blue moreworker_address">{{inf.subclinic_name}}</p>
            <p class="info_txt moreworker_info">已接<span class="">{{inf.simple}}</span>单，<span  class="">{{inf.integral_count}}</span>人评价，平均<span  class="">{{inf.integral_ave}}</span>分</p> 
            <a href="javascript:window.history.back()" @click="appointment(inf.user_id,inf.subclinic_id)" class="float_r btn btn_round btn_sm bg_gold w_3">选择</a>
        </div>
    </div> 
    </div>
    <div class="ordertime seltimevue active">
        <div class="session tabsession">
            <div class="tab">
                <div class="tabelm w_2" v-for="(inf,index) in dateList" :key=inf.id :class="{active:curtab==index}" @click="seltab(index)">
                    <div class="tabcnt">
                        <p>{{inf.tit}}</p>
                        <p>{{inf.text}}</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="session timebtn rows">
            <div v-for="(inf,index) in sellist" class="timeelm" :class="{ordered:haveseled(inf),over:overTime(inf) || holiday,active:acc==index}" @click="selTime(inf,index)">
                <p>{{inf}}:00</p>
            </div>
        </div>
        <div class="">
            <a class="btn btn_lg bg_gold w_10" @click="check()" href="javascript:void(0)">确定选择</a>
        </div>
    </div>       
</div> 
<div class="mark"></div>
<div class="pop">
    <div class="popcnt"><p>文本?</p></div>
    <div class="popbtngroup rows nopd">
        <div class="cols6 popbtn cancel"><a href="javascript:void(0)" class="popcancel">取消</a></div>
        <div class="cols6 popbtn last ok"><a href="javascript:void(0)" class="popgo">确定</a></div>
    </div>
</div> 
</div>
</div>
<script src="./js/temp.js" type="text/javascript"></script>  
</body>
</html>